<template>
    <div class="home-wrapper">
        <LeftMenu/>
        <div class="right-contents">
            <TopArea />
            <Contents/>
        </div>
    </div>
</template>

<script setup>
    import {onMounted} from 'vue';
    import LeftMenu from '@/components/layout/leftMenu.vue';
    import Contents from '@/components/layout/contents.vue';
    import TopArea from '@/components/layout/topArea.vue';
    import router from '@/router';
  onMounted(()=>{
    router.replace('/home/index');
  })
</script>

<style scoped lang='scss'>
.home-wrapper{
    display:flex;
    width: 100%;
    height:100%;
    .right-contents{
        flex:1;
        display:flex;
        flex-direction: column;
        background-color: rgb(233, 233, 233);
    }
}
    

</style>